import { defineComponent as p, reactive as e, resolveComponent as i, createElementBlock as h, openBlock as r, createElementVNode as t, createVNode as a } from "vue";
const f = { class: "w-[200px]" }, s = /* @__PURE__ */ p({
  __name: "Leftmenu",
  setup(x) {
    const d = e([
      {
        name: "导航1",
        path: "/",
        index: "1",
        icon: "document",
        children: [
          { name: "导航1-1", path: "/1-1", index: "1-1", icon: "document" },
          { name: "导航1-2", path: "/1-2", index: "1-2", icon: "document" },
          { name: "导航1-3", path: "/1-3", index: "1-3", icon: "document" },
          { name: "导航1-4", path: "/1-4", index: "1-4", icon: "document" }
        ]
      },
      { name: "导航2", path: "/", index: "2", icon: "document" },
      { name: "导航3", path: "/", index: "3", icon: "document" },
      { name: "导航4", path: "/", index: "4", icon: "document" }
    ]), m = e([
      {
        a: "导航1",
        path: "/",
        b: "1",
        c: "document",
        children: [
          { a: "导航1-1", path: "/1-1", b: "1-1", c: "document" },
          { a: "导航1-2", path: "/1-2", b: "1-2", c: "document" },
          { a: "导航1-3", path: "/1-3", b: "1-3", c: "document" },
          { a: "导航1-4", path: "/1-4", b: "1-4", c: "document" }
        ]
      },
      { a: "导航2", path: "/", b: "2", c: "document" },
      { a: "导航3", path: "/", b: "3", c: "document" },
      { a: "导航4", path: "/", b: "4", c: "document" }
    ]), u = e([
      {
        name: "导航1",
        path: "/",
        index: "1",
        icon: "Document",
        children: [
          {
            name: "导航1-1",
            path: "/1-1",
            index: "1-1",
            icon: "Document",
            children: [
              {
                name: "导航1-1-1",
                path: "/1-1-1",
                index: "1-1-1",
                icon: "Document",
                children: [
                  { name: "导航1-1-1-1", path: "/1-1-1-1", index: "1-1-1-1", icon: "Document" }
                ]
              }
            ]
          },
          { name: "导航1-2", path: "/1-2", index: "1-2", icon: "Document" },
          { name: "导航1-3", path: "/1-3", index: "1-3", icon: "Document" },
          { name: "导航1-4", path: "/1-4", index: "1-4", icon: "Document" }
        ]
      },
      { name: "导航2", path: "/", index: "2", icon: "Document" },
      { name: "导航3", path: "/", index: "3", icon: "Document" },
      { name: "导航4", path: "/", index: "4", icon: "Document" }
    ]), l = e([
      {
        a: "导航1",
        path: "/",
        b: "1",
        c: "Document",
        children: [
          {
            a: "导航1-1",
            path: "/1-1",
            b: "1-1",
            c: "Document",
            children: [
              {
                a: "导航1-1-1",
                path: "/1-1-1",
                b: "1-1-1",
                c: "Document",
                children: [
                  { a: "导航1-1-1-1", path: "/1-1-1-1", b: "1-1-1-1", c: "Document" }
                ]
              }
            ]
          },
          { a: "导航1-2", path: "/1-2", b: "1-2", c: "Document" },
          { a: "导航1-3", path: "/1-3", b: "1-3", c: "Document" },
          { a: "导航1-4", path: "/1-4", b: "1-4", c: "Document" }
        ]
      },
      { a: "导航2", path: "/", b: "2", c: "Document" },
      { a: "导航3", path: "/", b: "3", c: "Document" },
      { a: "导航4", path: "/", index: "4", c: "Document" }
    ]);
    return (b, n) => {
      const c = i("ti-leftmenu"), o = i("ti-infinite-leftmenu");
      return r(), h("div", f, [
        n[0] || (n[0] = t(
          "h5",
          null,
          "1、一级二级菜单",
          -1
          /* CACHED */
        )),
        a(c, {
          data: d,
          "background-color": "#f0f0f0",
          defaultActive: "2"
        }, null, 8, ["data"]),
        n[1] || (n[1] = t(
          "h5",
          null,
          "2、key",
          -1
          /* CACHED */
        )),
        a(c, {
          data: m,
          labelKey: "a",
          indexKey: "b",
          iconKey: "c",
          "background-color": "#f0f0f0",
          defaultActive: "2"
        }, null, 8, ["data"]),
        n[2] || (n[2] = t(
          "h5",
          null,
          "2、无限层级菜单",
          -1
          /* CACHED */
        )),
        a(o, {
          data: u,
          "background-color": "#f5f5f5",
          defaultActive: "1-1-1-1",
          "active-text-color": "pink"
        }, null, 8, ["data"]),
        n[3] || (n[3] = t(
          "h5",
          null,
          "2、无限层级菜单 + key",
          -1
          /* CACHED */
        )),
        a(o, {
          data: l,
          labelKey: "a",
          indexKey: "b",
          iconKey: "c",
          "background-color": "#f5f5f5",
          defaultActive: "1-1-1-1",
          "active-text-color": "pink"
        }, null, 8, ["data"])
      ]);
    };
  }
});
export {
  s as default
};
